<template>
  <!-- vip禁用列表-->
  <div>
    <ul class="flexWap padding15 borderB1">
    
      <li class="wid250px marginB10 marginR10">
        <el-input placeholder="请输入搜索的内容" @change="search" v-model="pages.keyWord" :clearable="true">
        </el-input>
      </li>
      <li class="marginB10 marginR10">
        
        <el-button type="primary" @click="search">查询</el-button>
      </li>
      <li class="marginB10 marginR10">
        
        <el-button type="primary" @click="openAll">批量启用</el-button>
      </li>
    </ul>
      
    <div class="padding15">
        <p class="paddingB15">已选择 <span class="colorRed">{{multipleSelection.length}}</span> 条数据</p>
      <el-table
              :data="lists"
              height="580"
              stripe
              border
              ref="multipleTable"
              @selection-change="handleSelectionChange"
              style="width: 100%">
              <el-table-column type="selection" width="55"/>
              <el-table-column align="center" type="index" label="序号" width="50" />
        <el-table-column align="center" prop="levelCode" label="会员头像" width="120">
          <template slot-scope="scope">
             <img src="" alt="">
          </template>
        </el-table-column>
        <el-table-column sortable align="center" prop="organizationName" label="会员名称" min-width="160"/>
        <el-table-column sortable align="center" prop="title" label="积分值" width="160" min-width="160"/>
        <el-table-column sortable align="center" prop="qCategoryNames" label="等级" min-width="160" />
       
        
        <el-table-column sortable align="center" prop="endTime" label="注册时间" width="160" />
        <el-table-column label="操作" align="center" min-width="220" fixed="right">
          <template slot-scope="scope">

            <el-button size="mini" @click="handleLook(scope.row)">查看</el-button>
            <el-button size="mini"  type="primary"@click="openVip(scope.row)">启动</el-button>
          </template>
        </el-table-column>
      </el-table>
      <Pagination :total="total" :pages="pages" :searchQuery="searchQuery"></Pagination>
    </div>
 
  </div>
</template>
<script>
  // import {questionnaireRecordReportList,questionnaireRecordDel} from '@/assets/api/api'
  import {Mixin} from '@/assets/mixins/mixin'
  import moment from 'moment'
  export default {
    name:'VipDisabledList',
    mixins: [Mixin],
    components:{
    },
    props:['dispatchId','contentId'],
    data(){
      return{
        addEditPath:'/vip/addEditVip',//新增编辑的路径
        pageLoading:false,
        multipleSelection:[],
          detailId:'',//量表的详情id
          reportShow:false,//报告显示
        moths:[new Date().setMonth(new Date().getMonth() - 3),new Date(new Date().getTime()+24*60*60*1000)],
        pickerOptions: {
          shortcuts: [{
            text: '本月',
            onClick(picker) {
              picker.$emit('pick', [new Date(), new Date()]);
            }
          }, {
            text: '今年至今',
            onClick(picker) {
              const end = new Date();
              const start = new Date(new Date().getFullYear(), 0);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近六个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setMonth(start.getMonth() - 6);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近三个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setMonth(start.getMonth() - 3);
              picker.$emit('pick', [start, end]);
            }
          }]
        },

        title:'新增',
        pages:{ //分页搜索
          keyWord:'',
          page:1,
          size:10,
        },
        total:0,// 总条数
        loading:false,//加载中...
        lists:[1],
        detailObj:{},//点击每行的详情数据
        
      }
    },
    created() {
       
    },
    methods:{
  
      handleSelectionChange(val) {//多选
        this.multipleSelection = val;
      },
 
    
      openVip(){//启用

      },
      openAll(){//批量启用

      }
     
      
 
    }
  }
</script>
<style lang="scss" scoped>
::v-deep .el-input-group__append, ::v-deep.el-input-group__prepend{
    color: #fff;
  }

</style>
